html,
body,
.mui-content {
	background-color: #F9F9F9 !important;
}
.mui-bar-nav{
	 background-color:#6aa55c;
}
.mui-bar{
	box-shadow: 0 0 1px #E0E0E0;
}
.color-nav{
	color:#6aa55c;
}
.color-gray{
	color: #A6A6A6;
}
.gh-bar-footer{
	background-color: #6aa55c;
	color: white;
	text-align: center;
	box-shadow: none;
	height: auto;
	padding: 10px 0;
	font-size: 20px;
}
.mr-5{
	margin-right: 5px;
}
.mr-10{
	margin-right: 10px;
}
.mui-bar-nav>.mui-title{
	color: #FFFFFF;
}
.mui-bar-nav>.mui-icon{
	color: #FFFFFF;
}
.mui-bar-tab .mui-tab-item.mui-active
{
    color:#6aa55c;
}
.mui-icon .mui-badge{
	top: 0px;
}
/*弹出选择框样式*/
.mui-poppicker-header{
	background-color: #F9F9F9;
}
.mui-picker{
	background-color: #F9F9F9;
}
.mui-pciker-list li.highlight{
	color: #6aa55c;
}
.mui-poppicker-btn-ok{
	border: 1px solid #6aa55c;
    background-color: #6aa55c;
}
button[data-id=btn-ok].mui-btn-blue{
	border: 1px solid #6aa55c !important;
    background-color: #6aa55c !important;
}
/*灰色*/
.gh-btn-gray{
	color: #fff;
    border: 1px solid #9E9E9E;
    background-color: #9E9E9E;	
}
/*绿柔*/
.gh-btn-lightGreen{
	color: #fff;
    border: 1px solid #91D75A;
    background-color: #91D75A;	
}
.gh-btn-skyblue{
	color: #fff;
    border: 1px solid #6aa55c;
    background-color: #6aa55c;	
}
.gh-btn-orange{
	color: #fff;
    border: 1px solid #FD7631;
    background-color: #FD7631;	
}
.gh-badge-gray
{
    color: #fff;
    background-color: #9E9E9E;
}
.gh-badge-skyblue
{
    color: #fff;
    background-color: #6aa55c;
}
.gh-badge-orange
{
    color: #fff;
    background-color: #FD7631;
}
.gh-badge-lightGreen
{
    color: #fff;
    background-color: #91D75A;
}
.mui-checkbox input[type=checkbox]:checked:before, .mui-radio input[type=radio]:checked:before {
	color: #ec6c6d;
}
/*刷新样式*/
.mui-pull-top-tips {
	position: absolute;
	top: -20px;
	left: 50%;
	margin-left: -25px;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	z-index: 1000;
}
.mui-bar~.mui-pull-top-tips {
	top: 46px;
}
.mui-pull-top-wrapper {
	width: 42px;
	height: 42px;
	display: block;
	text-align: center;
	background-color: #efeff4;
	border: 1px solid #ddd;
	border-radius: 25px;
	background-clip: padding-box;
	box-shadow: 0 4px 10px #bbb;
	overflow: hidden;
}
.mui-pull-top-tips.mui-transitioning {
	-webkit-transition-duration: 200ms;
	transition-duration: 200ms;
}
.mui-pull-top-tips .mui-pull-loading {
	margin: 0;
}
.mui-pull-top-wrapper .mui-icon,
.mui-pull-top-wrapper .mui-spinner {
	margin-top: 7px;
}
.mui-pull-bottom-tips {
	text-align: center;
	background-color: #efeff4;
	font-size: 15px;
	line-height: 40px;
	color: #777;
}
.mui-pull-top-canvas {
	overflow: hidden;
	background-color: #fafafa;
	border-radius: 40px;
	box-shadow: 0 4px 10px #bbb;
	width: 40px;
	height: 40px;
	margin: 0 auto;
}
.mui-pull-top-canvas canvas {
	width: 40px;
}

.mui-poppicker-btn-cancel{
	font-size:16px;
}

/*自定义的等待样式*/
.app-loading {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	bottom: 0;
	left: 0;
	top:45px;
	z-index: 100;
	position: fixed;
	display: none;
	text-align: center;
}
.app-loading div {
	text-align: center;
	margin: 0 auto;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding-bottom: 30px;
}
@-webkit-keyframes three-quarters-loader {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes three-quarters-loader {
	0% {
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
.three-quarters-loader:not(:required) {
	-webkit-animation: three-quarters-loader 1250ms infinite linear;
	animation: three-quarters-loader 1250ms infinite linear;
	border: 4px solid #F94C58;
	border-right-color: transparent;
	border-radius: 16px;
	box-sizing: border-box;
	display: inline-block;
	position: relative;
	overflow: hidden;
	text-indent: -9999px;
	width: 32px;
	height: 32px;
}
/*功能提示样式*/
.tip-icon-wrapper{
	width: 36px;
	height: 36px;
	background: red;
	border-radius: 50%;
	margin-top: 3px;
	margin-right: 3px;
	float: right;
}
.tip-icon{
    margin-left: 3px;
    margin-top: 3px;
    background-color: #6aa55c;
    color: white;
    border-radius: 50%;
    padding: 3px;
}
.tip-line{
    width: 150px;
    height: 131px;
    top: 20px;
    right: 36px;
    position: absolute;
    border-top-style: solid;
    border-top-color: red;
    border-top-width: 2px;
    border-left-style: solid;
    border-left-color: red;
    border-left-width: 2px;
    background: transparent;
}
.tip-content{
	padding:0 15px;
	margin: 150px auto 0;
	text-align: center;
	color:white;
}
.tip-button-wrapper{
	width: 230px; 
	margin: 15px auto;
}
.tip-button{
    padding: 5px 0;
    border-style: solid;
    border-color: white;
    border-width: 1px;
    background-color: #6aa55c;
    opacity: 0.8;
    text-align: center;
    color: white;
}
/*------------------------以下为icon, 样式请放置在上方(统一以gh开头, 以后再合并为一个字体文件)----------------------*/
/*底部tabicon*/
@font-face {
	font-family: tabbar;
	font-weight: normal;
	font-style: normal;
	src: url('../fonts/tabbar.ttf') format('truetype');
}
.gh-icon-home {
	font-family: tabbar !important;
}
.gh-icon-home:before {
	content: '\e63d';
}
.gh-icon-home-filled {
	font-family: tabbar !important;
}
.gh-icon-home-filled:before {
	content: '\e61f';
}
.gh-icon-news {
	font-family: tabbar !important;
}
.gh-icon-news:before {
	content: '\e75e';
}
.gh-icon-news-filled {
	font-family: tabbar !important;
}
.gh-icon-news-filled:before {
	content: '\e6a5';
}
.gh-icon-cart {
	font-family: tabbar !important;
}
.gh-icon-cart:before {
	content: '\e62a';
}
.gh-icon-cart-filled {
	font-family: tabbar !important;
}
.gh-icon-cart-filled:before {
	content: '\e600';
}
.gh-icon-mycenter {
	font-family: tabbar !important;
}
.gh-icon-mycenter:before {
	content: '\e60a';
}
.gh-icon-mycenter-filled {
	font-family: tabbar !important;
}
.gh-icon-mycenter-filled:before {
	content: '\e64b';
}
.gh-icon-persionadd {
	font-family: tabbar !important;
}
.gh-icon-persionadd:before {
	content: '\e6f9';
}

/*首页icon*/
@font-face {
	font-family:rephome;
	font-weight: normal;
	font-style: normal;
	src: url('../fonts/rep_home.ttf') format('truetype');
}

.gh-icon-accounts{
	font-family: rephome !important;
}
.gh-icon-accounts:before{
	content: '\346e';
}
.gh-icon-products{
	font-family: rephome !important;
}
.gh-icon-products:before{
	content: '\e79d';
}
.gh-icon-orders{
	font-family: rephome !important;
}
.gh-icon-orders:before{
	content: '\e624';
}

/*顾客中心icon*/
@font-face {
	font-family:account;
	font-weight: normal;
	font-style: normal;
	src: url('../fonts/account.ttf') format('truetype');
}
.gh-icon-mobile{
	font-family: account !important;
}
.gh-icon-mobile:before{
	content: '\e60b';
}
.gh-icon-love{
	font-family: account !important;
	font-size: 1.2em !important;
	/*font-size: 21px;
	line-height: 24px;*/
}
.gh-icon-love:before{
	content: '\e609';
}
.gh-icon-loved{
	font-family: account !important;
	font-size: 1.2em !important;
	/*font-size: 1.2em !important;
	margin-top:5px !important;
	margin-right: 5px !important;*/
}
.gh-icon-loved:before{
	content: '\e613';
}
.gh-icon-message{
	font-family: account !important;
}
.gh-icon-message:before{
	content: '\e6a9';
}

/*扫码、分享等*/
@font-face {
	font-family:gh-icon-1;
	font-weight: normal;
	font-style: normal;
	src: url('../fonts/gh-icon-1.ttf') format('truetype');
}
.gh-icon-task{
	font-family: gh-icon-1 !important;
	color: #19BB9B;
}
.gh-icon-task:before{
	content: '\e62b';
}
.gh-icon-appointment{
	font-family: gh-icon-1 !important;
	color: #E96085;
}
.gh-icon-appointment:before{
	content: '\e693';
}
.gh-icon-share{
	font-family: gh-icon-1 !important;
	color: #FD7631;
}
.gh-icon-share:before{
	content: '\f0026';
}
.gh-icon-barcode{
	font-family: gh-icon-1 !important;
}
.gh-icon-barcode:before{
	content: '\e6b3';
}
.gh-icon-mytask{
	font-family: gh-icon-1 !important;
}
.gh-icon-mytask:before{
	content: '\e611';
}
.gh-icon-list{
	font-family: gh-icon-1 !important;
}
.gh-icon-list:before{
	content: '\e610';
}
.gh-icon-grid{
	font-family: gh-icon-1 !important;
}
.gh-icon-grid:before{
	content: '\e620';
}

#rep-icon-mytask{
	font-family: gh-icon-1 !important;
	color:#EFEFEF; 
	margin:5px 0 0 0; 
	width:50px;
}
#rep-icon-mytask:before{
	content: '\F007';
}
#rep-icon-mytask #rep-icon-mytask-img{
	margin:5px 0 0 8px; 
	padding:0px; 
}
#rep-icon-mytask #rep-icon-mytask-lit{
	margin:-6px 0 0 0; 
	padding:0px; 
	font-size:0.5em;
}

#rep-icon-confirm-hook{
	font-family: Muiicons !important;
	color:#EFEFEF; 
	font-size:2.4em;
	padding:0;
}
#rep-icon-confirm-hook:before{
	content: '\E472';
}

.gh-literal-active{
	 color:#4cd964;
}

.gh-icon-login-user{
	font-family: Muiicons !important;
}
.gh-icon-login-user:before{
	content: '\e100';
	font-size: 1.4em;
	margin:0;
	padding:0;
}

.gh-icon-login-password{
	font-family: Muiicons !important;
}
.gh-icon-login-password:before{
	content: '\e506';
	font-size: 1.4em;
	margin:0;
	padding:0;
}	

.gh-icon-scanner{
	font-family: Muiicons !important;
}
.gh-icon-scanner:before{
	content: '\E262';
}

/*以下为glitzhome.ttf的icon，可参见appimg目录下面的iconfont文件*/
@font-face {
	font-family:glitzhome;
	font-weight: normal;
	font-style: normal;
	src: url('../fonts/glitzhome.ttf') format('truetype');
}
.gh-icon-useradd{
	font-family: glitzhome !important;
}
.gh-icon-useradd:before{
	content: '\e600';
}
.gh-icon-user{
	font-family: glitzhome !important;
}
.gh-icon-user:before{
	content: '\e601';
}
.gh-icon-location{
	font-family: glitzhome !important;
}
.gh-icon-location:before{
	content: '\e602';
}
.gh-icon-order-all{
	font-family: glitzhome !important;
}
.gh-icon-order-all:before{
	content: '\e603';
}
.gh-icon-service-bag{
	font-family: glitzhome !important;
}
.gh-icon-service-bag:before{
	content: '\e604';
}
.gh-icon-expand{
	font-family: glitzhome !important;
}
.gh-icon-expand:before{
	content: '\e605';
}
.gh-icon-calendar{
	font-family: glitzhome !important;
}
.gh-icon-calendar:before{
	content: '\e628';
}
.gh-icon-check-filled{
	font-family: glitzhome !important;
}
.gh-icon-check-filled:before{
	content: '\e607';
}
.gh-icon-edit-circle{
	font-family: glitzhome !important;
}
.gh-icon-edit-circle:before{
	content: '\e608';
}
.gh-icon-plus-circle{
	font-family: glitzhome !important;
}
.gh-icon-plus-circle:before{
	content: '\e609';
}
.gh-icon-trash{
	font-family: glitzhome !important;
}
.gh-icon-trash:before{
	content: '\e60a';
}
.gh-icon-edit-sure{
	font-family: glitzhome !important;
}
.gh-icon-edit-sure:before{
	content: '\e60b';
}
.gh-icon-card{
	font-family: glitzhome !important;
}
.gh-icon-card:before{
	content: '\e60c';
}
.gh-icon-check{
	font-family: glitzhome !important;
}
.gh-icon-check:before{
	content: '\e60d';
}
.gh-icon-order{
	font-family: glitzhome !important;
}
.gh-icon-order:before{
	content: '\e60e';
}
.gh-icon-less-circle{
	font-family: glitzhome !important;
}
.gh-icon-less-circle:before{
	content: '\e60f';
}
.gh-icon-useradd2{
	font-family: glitzhome !important;
}
.gh-icon-useradd2:before{
	content: '\e610';
}
.gh-icon-barcode-details{
	font-family: glitzhome !important;
}
.gh-icon-barcode-details:before{
	content: '\e611';
}
.gh-icon-lock{
	font-family: glitzhome !important;
}
.gh-icon-lock:before{
	content: '\e612';
}
.gh-icon-setting{
	font-family: glitzhome !important;
}
.gh-icon-setting:before{
	content: '\e613';
}
.gh-icon-map{
	font-family: glitzhome !important;
}
.gh-icon-map:before{
	content: '\e614';
}
.gh-icon-lorry{
	font-family: glitzhome !important;
}
.gh-icon-lorry:before{
	content: '\e615';
}
.gh-icon-edit{
	font-family: glitzhome !important;
}
.gh-icon-edit:before{
	content: '\e616';
}

.gh-icon-purse{
	font-family: glitzhome !important;
}
.gh-icon-purse:before{
	content: '\e617';
}
.gh-icon-location-filled{
	font-family: glitzhome !important;
}
.gh-icon-location-filled:before{
	content: '\e618';
}
.gh-icon-tel{
	font-family: glitzhome !important;
}
.gh-icon-tel:before{
	content: '\e619';
}
.gh-icon-plus-filled{
	font-family: glitzhome !important;
}
.gh-icon-plus-filled:before{
	content: '\e61a';
}
.gh-icon-cross-filled{
	font-family: glitzhome !important;
}
.gh-icon-cross-filled:before{
	content: '\e61b';
}
.gh-icon-person{
	font-family: glitzhome !important;
}
.gh-icon-person:before{
	content: '\e61c';
}
.gh-icon-cross{
	font-family: glitzhome !important;
}
.gh-icon-cross:before{
	content: '\e61d';
}
.gh-icon-contacts{
	font-family: glitzhome !important;
}
.gh-icon-contacts:before{
	content: '\e61e';
}
.gh-icon-label{
	font-family: glitzhome !important;
}
.gh-icon-label:before{
	content: '\e61f';
}
.gh-icon-order-love{
	font-family: glitzhome !important;
}
.gh-icon-order-love:before{
	content: '\e620';
}
.gh-icon-medal{
	font-family: glitzhome !important;
}
.gh-icon-medal:before{
	content: '\e621';
}
.gh-icon-barcode-scan{
	font-family: glitzhome !important;
}
.gh-icon-barcode-scan:before{
	content: '\e622';
}
.gh-icon-save{
	font-family: glitzhome !important;
}
.gh-icon-save:before{
	content: '\e623';
}
.gh-icon-check-bolder{
	font-family: glitzhome !important;
	font-size: 13px !important;
	line-height: 24px;
}
.gh-icon-check-bolder:before{
	content: '\e624';
}
.gh-icon-filter{
	font-family: glitzhome !important;
}
.gh-icon-filter:before{
	content: '\e625';
}
.gh-icon-resourceadd{
	font-family: glitzhome !important;
}
.gh-icon-resourceadd:before{
	content: '\e630';
}
@font-face {
	font-family:dot;
	font-weight: normal;
	font-style: normal;
	src: url('../fonts/dot.ttf') format('truetype');
}
.gh-icon-dot{
	font-family: glitzhome !important;
}
.gh-icon-dot:before{
	content: '\e6c1';
}
.gh-icon-renwu{
	font-family: glitzhome !important;
}
.gh-icon-renwu:before{
	content: '\e631';
}
.gh-icon-store{
	font-family: glitzhome !important;
}
.gh-icon-store:before{
	content: '\e634';
}
.gh-icon-visit-history{
	font-family: glitzhome !important;
}
.gh-icon-visit-history:before{
	content: '\e639';
}
.gh-icon-myaddedresource{
	font-family: glitzhome !important;
}
.gh-icon-myaddedresource:before{
	content: '\e63a';
}
.gh-icon-tasklist{
	font-family: glitzhome !important;
}
.gh-icon-tasklist:before{
	content: '\e635';
}
.gh-icon-newtask{
	font-family: glitzhome !important;
}
.gh-icon-newtask:before{
	content: '\e63b';
}
.gh-icon-plus{
	font-family: glitzhome !important;
}
.gh-icon-plus:before{
	content: '\e646';
}
.gh-icon-vip1{
	font-family: glitzhome !important;
}
.gh-icon-vip1:before{
	content: '\e645';
}
.gh-icon-vip2{
	font-family: glitzhome !important;
}
.gh-icon-vip2:before{
	content: '\e643';
}
.gh-icon-vip3{
	font-family: glitzhome !important;
}
.gh-icon-vip3:before{
	content: '\e642';
}
.gh-icon-vip4{
	font-family: glitzhome !important;
}
.gh-icon-vip4:before{
	content: '\e644';
}

.gh-icon-prev{
	font-family: glitzhome !important;
}
.gh-icon-prev:before{
	content: '\e63d';
}
.gh-icon-next{
	font-family: glitzhome !important;
}
.gh-icon-next:before{
	content: '\e63c';
}
@font-face {
	font-family: hot;
	font-weight: normal;
	font-style: normal;
	src: url('../fonts/hot.ttf') format('truetype');
}
.gh-icon-hot1{
	font-family: hot !important;
}
.gh-icon-hot1:before{
	content: '\e623';
}
.gh-icon-hot2{
	font-family: hot !important;
}
.gh-icon-hot2:before{
	content: '\e72d';
}
.gh-icon-hot3{
	font-family: hot !important;
}
.gh-icon-hot3:before{
	content: '\e60c';
}
@font-face {
	font-family: glitzhome-2;
	font-weight: normal;
	font-style: normal;
	src: url('../fonts/glitzhome-2.ttf') format('truetype');
}
.gh-icon-accounts2{
	font-family: glitzhome-2 !important;
}
.gh-icon-accounts2:before{
	content: '\e605';
}
.gh-icon-riqi2{
	font-family: glitzhome-2 !important;
}
.gh-icon-riqi2:before{
	content: '\e604';
}
.gh-icon-qiandai2{
	font-family: glitzhome-2 !important;
}
.gh-icon-qiandai2:before{
	content: '\e603';
}
.gh-icon-products2{
	font-family: glitzhome-2 !important;
}
.gh-icon-products2:before{
	content: '\e602';
}
.gh-icon-orders2{
	font-family: glitzhome-2 !important;
}
.gh-icon-orders2:before{
	content: '\e601';
}
.gh-icon-huangguan2{
	font-family: glitzhome-2 !important;
}
.gh-icon-huangguan2:before{
	content: '\e600';
}
.gh-icon-hot2{
	font-family: glitzhome-2 !important;
}
.gh-icon-hot2:before{
	content: '\e607';
}